<template>
  <view class='contact'>
    <image class='img' src="https://img0.baidu.com/it/u=865112164,3811307004&fm=253&fmt=auto&app=138&f=JPEG?w=900&h=305"></image> 
    <view class='info'>
      <view @click="phone">联系电话：15359369660（点击拨打）</view>
      <view>联系地址：泉州师范学院</view>
	  <view>因商品图片无法反馈宠物现状,诚邀您线下购买.</view>
    </view>
    <map class='map' :longitude="longitude" :latitude="latitude" :scale="scale" :markers='covers'></map>
  </view>
</template>
<script>
export default {
  data() {
    return {
      longitude: 118.66952,
      latitude: 24.86732,
      scale: 13,
      covers: [{
        id: 1, // 确保每个标记点都有一个唯一的数字id
        latitude: 24.86732,
        longitude: 118.66952,
        iconPath: '/static/icon/zuobiaofill.png',
        width: 30,
        height: 30
      }]
    };
  },
  methods: {
    phone() {
     uni.makePhoneCall({
       phoneNumber: '15359369660' // 仅为示例
     });
    }
  }
}
</script>
<style lang='scss'>
.contact{
	.img{
		width:750rpx;
		height:320rpx;
	}
	.info{
		padding:10rpx 20rpx;
		font-size:30rpx;
		view{
			line-height:60rpx;
			border-bottom:1px solid #eeeeee;
		}
	}
}
.map{
	width:750rpx;
	height:750rpx;
}
</style>

